
    <div class="filter-select">
        <p>全部显示</p>
        <select>
            <option value="0">全部显示</option>
            <option value="1">电子课件</option>
            <option value="2">教学视频</option>
            <option value="3">个人资源</option>
            <option value="4">微课</option>
            <option value="5">电子教案</option>
            <option value="6">图片素材</option>
            <option value="7">视频素材</option>
            <option value="8">其他素材</option>
        </select>
    </div>

    <div class="card-group clearfix">
        <h2 class="con-title mb-20">电子课件</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">教学视频</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a href="details.html" target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">个人资源</h2>
        <!-- 项目列表 块  start -->
        <div class="list-down clearfix">
            <ul>
                <li>
                    <p class="title text-ellipsis">素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3</p>
                </li>
                <li>
                    <p class="title text-ellipsis">素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3</p>
                </li>
            </ul>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">微课</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a target="_blank">
                        <img src="dist/image/xm1.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a target="_blank">
                        <img src="dist/image/xm6.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">电子教案</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a target="_blank">
                        <img src="dist/image/xm2.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix imgbox">
        <h2 class="con-title mb-20">图片素材</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img"><img data-image="dist/image/banner1.jpg" data-title="小图看大图1" data-time="2017-11-12" data-content="简介内容" src="dist/image/xm3.jpg"></div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">视频素材</h2>
        <!-- 项目列表 块  start -->
        <div class="card-box">
            <div class="card-box-content">
                <div class="card-img">
                    <a target="_blank">
                        <img src="dist/image/xm4.jpg">
                        <div class="backdrop"></div>
                        <i class="icon icon-plays"></i>
                    </a>
                </div>
                <div class="card-title">
                    <a target="_blank">教育、科普类动画项目的动画制作教育、科普类动画项目的动画制作</a>
                </div>
            </div>
        </div>
        <!-- 项目列表 块  end -->
    </div>
    <div class="card-group clearfix">
        <h2 class="con-title mb-20">其他素材</h2>
        <div class="list-down clearfix">
            <ul>
                <li>
                    <p class="title text-ellipsis">素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3</p>
                </li>
                <li>
                    <p class="title text-ellipsis">素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3素材-音频123.MP3</p>
                </li>
            </ul>
        </div>
    </div>